<!DOCTYPE html>
<html lang="en" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <link rel="stylesheet" href="../css/index.css"/>
    <link rel="stylesheet" href="../css/catalog.css"/>
    <script type="text/javascript" src="../js/tools/jquery-3.3.1.min.js"></script>
</head>
<body>
    <div id="top">
        <!--<img id="logo">-->
        <div id="logo">
            <span th:text="${session.username}"></span>
        </div>
        <ul id="menu_top">
            <li id="user_center" class="menu_list" target="iframe_left">用户中心</li>
        </ul>
        <div id="quit">
            <img id="userphoto" src="/img/userphoto.png">
            <div id="privilege">
                [<span shiro:principal property="privilege"></span>]
            </div>
            <div id="username">
                <span shiro:principal property="username"></span>
            </div>
            <img id="userarrow" src="/img/arrow.png">
        </div>
        <div id="quitlist">
            <ul>
                <li id="userinfo">个人信息</li>
                <li id="changepsw">修改密码</li>
                <li id="quitlogin">退出登录</li>
            </ul>
        </div>
    </div>

    <div id="left">
        <ul id="list_menu">
            <shiro:hasPermission name="user:view">
                <li>
                    <div class="list1">
                        <div class="pic_list1" style="background-image: url('/img/usermanage.png')"></div>用户管理<div class="pic_list1_arrow"></div>
                    </div>
                    <ul class="list2">
                        <a href="/user/userList?1&-1&&全部&&" target="iframe">
                            <li>
                                <div class="pic_list2"></div>
                                用户列表
                            </li>
                        </a>
                        <a href="/user/userAdd" target="iframe">
                            <li>
                                <div class="pic_list2"></div>
                                新增用户
                            </li>
                        </a>
                        <a href="/user/userDel" target="iframe">
                            <li>
                                <div class="pic_list2"></div>
                                删除用户
                            </li>
                        </a>
                    </ul>
                </li>
            </shiro:hasPermission>
            <shiro:hasPermission name="role:view">
                <li>
                    <div class="list1">
                        <div class="pic_list1" style="background-image: url('/img/rolemanage.png')"></div>角色管理<div class="pic_list1_arrow"></div>
                    </div>
                    <ul class="list2">
                        <a href="/role/roleList?1&-1&" target="iframe">
                            <li>
                                <div class="pic_list2"></div>
                                角色列表
                            </li>
                        </a>
                    </ul>
                </li>
            </shiro:hasPermission>
            <shiro:hasPermission name="permission:view">
                <li>
                    <div class="list1">
                        <div class="pic_list1" style="background-image: url('/img/permissionmanage.png')"></div>权限管理<div class="pic_list1_arrow"></div>
                    </div>
                    <ul class="list2">
                        <a href="/permission/permissionList?-1" target="iframe">
                            <li>
                                <div class="pic_list2"></div>
                                权限列表
                            </li>
                        </a>
                    </ul>
                </li>
            </shiro:hasPermission>
        </ul>
    </div>

    <div id="right">
        <iframe id="iframe" name="iframe" src="/hello" width="100%" height="100%" frameborder="0"></iframe>
    </div>

    <script type="text/javascript" src="../js/index.js"></script>
    <script type="text/javascript" src="../js/catalog.js"></script>
</body>
</html>